*,
*:before,
*:after{
	/* 设为边框盒子 */
	box-sizing: border-box;
}
*{
	/* 内容不可选中 */
	user-select: none ;
}
html{
	height: 100%;
	font-size: 14px;
}
body{
	margin: 0;
	font-family: "PingFangSC-Regular" "黑体","Arial","Helvetica";
	background-color: #F5F5F5;
	color: #666;
}
a{
	text-decoration: none;
	color:#8a8a8a
}
input{
	outline: none;
}
button{
	cursor: pointer;
}
div{
	/* border: 1px solid black; */
}
/******************************************************/
.box{
	width: 800px;
	height: 500px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	box-shadow:1px  3px  6px #808080;
	background-color: rgb(243,245,250);
	border-radius: 5px;
}
/*头部样式设置*/
.header{
	display: flex;
	height: 50px;
	background-color: rgb(245,245,245);
	box-shadow:1px  3px  6px #808080;
}
.student{
	flex: 1;
	text-align: center;
	padding-top: 10px;
}
.teacher{
	flex: 1;
	text-align: center;
	padding-top: 10px;
}
.adimn{
	flex: 1;
	text-align: center;
	padding-top: 10px;
}
.header>div{
	position: relative;
}
.header>div:hover{
	color: rgb(255,205,0);
	border-top:1px solid rgb(255,205,0) ;
	border-left:1px solid rgb(255,205,0) ;
	border-right:1px solid rgb(255,205,0) ;
	cursor: pointer;
}
.header:hover+.tfoot{
	border-bottom:1px solid rgb(255,205,0) ;
	border-left:1px solid rgb(255,205,0) ;
	border-right:1px solid rgb(255,205,0) ;
}
.header>div:hover img:nth-child(1){
	display: block;
}
.header>div:hover img:nth-child(2){
	display: none;
}
.header:hover+.body{
	border: 1px solid rgb(255,205,0);
}
.header>div>img{
	width: 25px;
	height: 25px;
	position: absolute;
	left: 60px;
}
.header>div>img:nth-child(1){
	display: none;
}
.header>div>span{
	font-size: 20px;
}
.header>.adimn>span{
	margin-left: 20px;
}
/*主体样式设置*/
.body{
	display: flex;
	flex-direction: column;
	height: 450px;
	align-items: center;
}
.body_1{
	flex: 2;
	text-align: center;
	font-size: 50px;
	padding-top: 50px;
	text-shadow: -1px -1px 0px rgb(165, 165, 165),-2px -2px 0px rgb(165, 165, 165),-3px -3px 1px rgba(0,0,0,0.8);
}
.body_2{
	flex: 5;
}
.body_2>div{
	width: 250px;
	height: 30px;
	margin-top: 30px;
	position: relative;
	border: 1px solid #808080;
}
.body_2>div>img{
	width: 20px;
	height: 20px;
	padding-top: 4px;
	position: absolute;
}
.body_2>div>img:nth-child(2){
	display: none;	
}
.body_2>div>input{
	width: 225px;
	height: 25px;
	margin-left: 20px;
	border: 0;
	background-color: rgb(243,245,250);
}

.body_2>div>button{
	width: 250px;
	height: 30px;
	border: 0;
	color: white;
	font-size: 16px;
	background-color:rgb(255,205,0) ;
}
.body_3{
	width: 300px;
	flex: 2;
	display: flex;
	justify-content: space-between;
}
.body_3>div{
	height: 25px;
}
.body_3>div>img{
	width: 20px;
	height: 20px;
}
.body_3>div>img:nth-child(2){
	display: none;
}
.body_3>div{
	display: flex;
}
.body_3>div:hover img:nth-child(1){
	display:none ;
}
.body_3>div:hover img:nth-child(2){
	display:block ;
}
.body_3>div>span>a>b:hover{
	color:rgb(255,205,0)
}
.body_3>div>a>b:hover{
	color:rgb(255,205,0)
}

.box>.tfoot>.body{
	display: none;
}

#email{	
	position: absolute;
	width: 300px;
	height: 180px;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	margin: auto;
	border-radius: 5px;
	background-color: rgb(245,245,245);
	box-shadow:1px  3px  6px #808080;
	display: none;
}